<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
    .title-with-line {
        position: relative;
        display: inline-block;
    }
    .title-with-line::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px; /* 横线的高度 */
        background-color: black; /* 横线的颜色 */
        left: 0;
        bottom: -5px; /* 横线与标题之间的距离 */
    }
</style>
</head>
<body>
 
<h1 class="title-with-line">姬丝秀忒·雅赛劳拉莉昂·刃下心</h1>
 <br /> 
 <h2>联系方式</h2>
<p>电话：52113414</p>
 <p>邮箱：114514<EMAIL></p>
<h2>个人优势</h2>
<ul>
<li>可爱迷人</li>
<li>阳光开朗</li>
<li>乐观向上</li>
</ul>

<h2>日常爱好</h2>
<ol>
<li>非常喜欢甜甜圈</li>
<li>喜欢小学馆的漫画</li>
</ol>
<h2>认知能力</h2>
<dl>
  <dt>具备丰富的关于怪异的知识</dt>
  <dd>忍拥有了大量有关怪异的知识，亦可以称之为专家中的专家</dd>
  <dt>简单的算数</dt>
  <dd> 但是稍微复杂的乘法手指头就不够用了</dd>
</dl>
<h2>技能树</h2>
<br /> 
</body>
</html>
